/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;cursor:pointer;}
a:hover{color: #1f76e5;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1300{ width:1300px; margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}


.title{ text-align:center; font-size:40px; color:#343331;}
.title b i{ color:#1f76e5;}
.title span{ display:block; font-size:18px; color:#8c8b89; margin:10px 0 20px 0;}
.title em i{ display:inline-block; width:6px; height:24px; background:#333; border-radius:3px; vertical-align:top;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
.title em i+i{ margin-left:11px;}
.title em i:nth-child(2){ height:32px; background:#1f76e5;animation: tptd 1.8s infinite;-webkit-animation: tptd 1.8s infinite;}
.title em i:nth-child(3){ background:#ccc;animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}
@keyframes tptd{
  0%{transform: translateY(0);}
  50%{transform: translateY(5px);}
  100%{transform: translateY(0);}
}
.hovermaincolor a:hover{ color:#1f76e5;}

/*抬头*/
.header{ height:110px; position:relative;}
.headercontent{ position:absolute; width:95%; top:0; left:0; right:0; margin:0 auto; height:160px; border-radius:0 0 25px 25px; box-shadow:0 0 10px rgba(0,0,0,.1); background:#fff; z-index:9;}
.htop{ height:39px; line-height:39px; border-bottom:1px solid #ecebea;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; padding:0 3%;}
.htop,.htop a{ font-size:14px; color:#aeacaa;}
.htop i{ display:inline-block; vertical-align:top; position:relative; padding:0 25px;}
.htop i:nth-last-child(1){ padding-right:0;}
.htop i+i:after{ content:''; display:block; position:absolute; width:1px; height:; top:0; bottom:0; left:0; margin:auto 0; height:24px; background:#e7e5e3;}
.htop i em{ font-size:22px; color:#1f76e5; font-family:fontDin1;}
.htop i span,.htop i a{ display:inline-block; padding-left:30px;}
.htop i span{ background:url(../img/20210817201104_1208587253.png) no-repeat left center;}
.htop i:nth-child(2) a{ background:url(../img/20210817201104_491544440.png) no-repeat left center;}
.htop i:nth-child(3) a{ background:url(../img/20210817201104_1493270488.png) no-repeat left center;}
.hsecond{ height:120px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;padding:0 3%;}
.hleft{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.hleft b{display: block;font-size: 32px;color:#333;}
.hleft p{font-size: 17px;color:#999;}
.hleft p+p{ margin-left:15px;}

.nav ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.nav ul li{ position:relative; transition:all .3s ease;}
.nav ul li>a{ display:block; font-size:16px; color:#333231; line-height:120px; position:relative; transition:all .3s ease;}
.nav ul li.cur>a,.nav ul li:hover>a{ color:#1f76e5; font-weight:bold;}
.nav ul li+li{ margin-left:45px;}
.nav ul li>a:after{ content:''; display:block; position:absolute; left:0; right:0; top:0; margin:0 auto; width:1px; height:0; background:#1f76e5; transition:all .3s ease;}
.nav ul li.cur>a:after,.nav ul li:hover>a:after{ height:42px;}
@media screen and (max-width:1650px){
	.nav ul li+li{ margin-left:25px;}
}
@media screen and (max-width:1500px){
	.nav ul li+li{ margin-left:15px;}
	.nav ul li>a{ font-size:14px;}
}


/*搜索*/
.search{ height:80px; padding-top:10px; margin-top:-10px; position:relative; z-index:9; background:url(../img/20210817201105_906500435.png) no-repeat center;}
.search .w1300{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.keyword,.keyword a{ line-height:80px; font-size:14px; color:#555555;}
.keyword span{color:#1f76e5;}
.keyword { padding-left:25px; background:url(../img/20210817201105_752260777.png) no-repeat left center; }
.search_bg{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; box-sizing:border-box;width:256px; height:50px; border-radius:25px; background:#fff; padding:0 5px;}
.search_bg input{ border:none; background:none;}
#soo{ border-radius:50%; background:#1f76e5;}
#infoname{ box-sizing:border-box; padding-left:20px; height:50px; width:180px;}


/*版权*/
.copyright{ margin-top:26px; background:#1a1918;}
.end{ line-height:120px; border-top:1px dashed #2c2b2a; text-align: center;}
.end,.end a{ font-size:15px; color:#9c9a97;}
.end a:hover,.kslj a:hover{ color:#fff;}

.crcon{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }
.crcon ul{ font-size:0;}
.crcon ul li{ display:inline-block; vertical-align:top;}
.kslj p{ font-size:20px; color:#fff; margin-bottom:20px; }
.kslj li{ position:relative; padding: 0 70px; height:188px; border-left:1px solid #282726;}
.kslj a{ display:block; font-size:14px; color:#9c9a97; line-height:30px;}
.kslj li:after{ content:''; display:block; position:absolute; width:3px; height:18px; left:-2px; top:0;background: rgb(31 118 229 / 0.4);}
.crcode img{ display:block; width:122px; height:122px; margin-bottom:18px;}
.crcode li+li{ margin-left:25px;}
.crcode li{ font-size:14px; color:#fff; text-align:center;}
.crcontact{ width:330px; height:376px; background:#1f76e5; position:relative; box-sizing:border-box; margin-top:-26px; padding:60px 30px;}
.crcontact:after,.crcontact:before{ content:''; display:block; position:absolute; top:0; width:0; height:0;}
.crcontact:after{ border-bottom: 26px solid #053169;border-left: 21px solid transparent; left:-21px;}
.crcontact:before{ border-bottom: 26px solid #053169;border-right: 21px solid transparent; left:100%;}
.cr_tel{ margin-bottom:30px;}
.cr_tel p{ padding-left:30px; font-size:16px; color:#76b2ff; white-space:nowrap;background:url(../img/20210817163827_244246804.png) no-repeat left center;}
.cr_tel p+p{ margin-top:10px;background:url(../img/20210817163827_244246804.png) no-repeat left center;}
.cr_tel p em{ font-size:28px; color:#ffffff; vertical-align:sub; }


.links{ line-height:25px; font-size:16px; color:#fff;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;border-top:1px dashed #2c2b2a; }
.links>p{ font-weight:bold; margin-right:20px;padding-left:35px; background:url(../img/20210817201726_418746776.png) no-repeat left center;}
.links>p em{ font-size:18px; padding-left:5px;}
.links div{width: 1100px;}
.links div a{margin-right: 5px;}
.links div a:hover{text-decoration: underline;}


/*右侧浮动*/
.y-kefu-box { position: fixed; right: 0; bottom:25%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../img/20191012163902_1283611982.PNG) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: #1f76e5; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #1f76e5; border-color: #1f76e5; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 10px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #1f76e5; border-color: #1f76e5;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*电话*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #1f76e5; font-size: 18px; }
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.right-arrow2 { border-left: 6px white solid;}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 94px; height: 94px; margin: 30px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*邮箱*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #1f76e5; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#1f76e5;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }



.pages_box {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 50px;
	line-height: 28px;
}

.pages_box li {
	display: inline-block;
}

.pages_box a {
	vertical-align: top;
	display: inline-block;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e5e5e5;
	text-align: center;
	margin: 0 2px;
	background: #fff;
	font-size: 14px;
	color: #222;
}

.pages_box .active a {
	border-color: #1f76e5;
	background: #1f76e5;
	color: #fff;
}

.pages_box .active a:hover {
	color: #fff;
}

.pages_box a:hover {
	color: #1f76e5;
}